<%@ include file="/common/taglibs.jsp"%>

<style type="text/css">
	* { font-family: Verdana; font-size: 100%; }
	label { width: 10em; float: left; }
	label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
	p { clear: both; }
	.submit { margin-left: 12em; }
	em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
<script>
jQuery(document).ready(function(){
	jQuery("#institute").validate();
});
</script>
<div style="padding:5px;" align="left">
	<!-- <span class="head-dec">Enter Institute Details</span> --><br/><br/>
	<s:form id="institute" name="institute" action="saveOrUpdateInstitute" method="post" enctype="multipart/form-data">
		 <table border="0">
	     	<tr>
	     		<td class="inputField" nowrap="nowrap">Name</td>
				<td>
					<s:textfield name="institute.instituteName" id="institute.instituteName" cssClass="required" tabindex="1" style="width:250px;" />
				</td>
			</tr>
			<tr>
	     		<td class="inputField" nowrap="nowrap">Prefix</td>
				<td>
					<s:textfield name="institute.prefix" id="saveOrUpdateInstitute_institute_prefix" tabindex="1" style="width:250px;" cssClass="required" minlength="2" />
				</td>
			</tr>
			<tr>
	     		<td class="inputField" nowrap="nowrap">Institute Type</td>
				<td>
					<s:select  name="institute.instType" id="saveOrUpdateInstitute_institute_instType" emptyOption="true"
										list="#{'School':'School','College':'College'}" cssStyle="width:200px"  value="institute.instType" />
				</td>
			</tr>
			<tr><td>&nbsp;</td></tr>
			<tr>
				<td class="inputField" nowrap="nowrap">Address</td>
				<td>
					<s:textarea  name="institute.address" id="saveOrUpdateInstitute_institute_address" tabindex="2" style="width:250px;" ></s:textarea>
				</td>
			</tr>
			<tr><td>&nbsp;</td></tr>
			<tr>
				<td class="inputField" nowrap="nowrap">Phone No</td>
				<td>
					<s:textfield name="institute.phoneNumber" id="saveOrUpdateInstitute_institute_phoneNumber" cssClass="required" tabindex="3" style="width:250px;"/>
				</td>
			</tr>
			<tr><td>&nbsp;</td></tr>
			<tr>
				<td class="inputField" nowrap="nowrap">Web Site</td>
				<td>
					<s:textfield name="institute.website" id="saveOrUpdateInstitute_institute_website" cssClass="required" tabindex="4" style="width:250px;"/>
				</td>
			</tr>
			<tr><td>&nbsp;</td></tr>
			<tr>
				<td class="inputField" nowrap="nowrap">Email Id</td>
				<td>
					<s:textfield name="institute.emailId" id="saveOrUpdateInstitute_institute_emailId" cssClass="email required" tabindex="5" style="width:250px;" />
				</td>
			</tr>
			<tr><td>&nbsp;</td></tr>
			<tr>
				<td class="inputField" nowrap="nowrap">Photos</td>
				<td>
					<s:file name="files"  id="files" tabindex="6" style="width:250px;"  multiple="true"/>
				</td>
			</tr>	
			<tr><td>&nbsp;</td></tr>
			<tr>
				<td colspan="2" align="right">
					<s:reset value="Clear" id="saveOrUpdateInstitute_0" cssClass="button-gray" theme="simple"/>
					<s:if test="institute.id == ''">
						<s:submit value="Create" id="saveOrUpdateInstitute_0" cssClass="button-green" theme="simple" />
					</s:if>
					<s:else>
						<s:submit value="Update" id="saveOrUpdateInstitute_0" cssClass="button-green" theme="simple" />
					</s:else>
					<input type="button" value="List" id="saveOrUpdateInstitute_0" class="button-gray" onclick="javascript:showLists('/showInstList');" />
				</td>
			</tr>								
		</table>
		<s:hidden id="id" name="institute.id"></s:hidden>
	</s:form>
</div> 
	